<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>商城后台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
    <link rel="stylesheet" th:href="@{/lib/layui_ext/dtree/dtree.css}" >
    <link rel="stylesheet" th:href="@{/lib/layui_ext/dtree/font/dtreefont.css}" >
    <style>
        body {
            background-color: #ffffff;
        }
        .layui-table-cell {
            height: auto !important;
            white-space: normal;
        }
    </style>


</head>
<body>

<span th:replace="common_page::common"></span>

<div class="layuimini-container" style="height:100%">
    <div class="layui-form layuimini-form">
        <input type="hidden" name="id" id="id" th:value="${model.id}">

        <div class="layuimini-main" >
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">商品信息</li>
                </ul>

                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >上架状态</label>
                                <div class="layui-input-block "  style="padding-top:7px;" >
                                    <a th:if="${model.status!=null&&model.status eq 0}">未上架</a>
                                    <a th:if="${model.status!=null&&model.status eq 1}">已上架</a>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item" >
                            <div class="layui-form-item" >
                                <div class="layui-inline" style="width:40%">
                                    <label class="layui-form-label " >SKU ID</label>
                                    <div class="layui-input-block">
                                        <input type="text"  th:value="${model.id}"  class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" style="width:40%">
                                    <label class="layui-form-label " >SKU UUID</label>
                                    <div class="layui-input-block">
                                        <input type="text"  th:value="${model.uuid}"  class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="layui-form-item" >
                            <div class="layui-form-item" >
                                <div class="layui-inline" style="width:40%">
                                    <label class="layui-form-label " >店铺商品ID</label>
                                    <div class="layui-input-block">
                                        <input type="text"  th:value="${model.shopProductId}"  class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" style="width:40%">
                                    <label class="layui-form-label " >店铺商品UUID</label>
                                    <div class="layui-input-block">
                                        <input type="text"  th:value="${model.shopProductUuid}"  class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="layui-form-item">
                            <label class="layui-form-label">商品主图</label>
                            <div class="layui-input-block">
                                <img th:src="${model.httpMainPhotoFilePath}" th:width="450" th:height="450">
                            </div>
                        </div>
                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >商品名称</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.name}"  class="layui-input">
                                </div>
                            </div>

                            <div class="layui-inline" style="width:40%">

                                <label class="layui-form-label " >分类名称</label>
                                <div class="layui-input-block">
                                    <input type="hidden" id="categoryId" th:value="${model.categoryId}" />
                                    <input type="text"  th:value="${model.categoryName}"  class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >单价</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.price}"  class="layui-input">
                                </div>
                            </div>

                            <div class="layui-inline" style="width:40%">

                                <label class="layui-form-label " >库存数量</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.stockNum}"  class="layui-input">
                                </div>
                            </div>
                        </div>


                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">

                                <label class="layui-form-label " >商品编号</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.productNo}"  class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >属性</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.attributes}"  class="layui-input">
                                </div>
                            </div>

                        </div>

                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">

                                <label class="layui-form-label " >毛重(kg)</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.roughWeight}"  class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >净重(kg)</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.suttle}"  class="layui-input">
                                </div>
                            </div>

                        </div>
                        <div class="layui-form-item" >
                            <label class="layui-form-label " >分类路径</label>
                            <div class="layui-input-block" >
                                <input type="text"  th:value="${model.categoryPath}"  class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label "  >品牌中文名称</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.brandChineseName}"  class="layui-input">
                                </div>
                            </div>

                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >品牌英文名称</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.brandEnglishName}"  class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item" >

                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >店铺内分类路径</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.shopCategoryPath}"  class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >店铺内分类名称</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.shopCategoryName}"  class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item" >
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >店铺ID</label>
                                <div class="layui-input-block">
                                    <input type="text"  id="shopId" th:value="${model.shopId}"  class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="width:40%">
                                <label class="layui-form-label " >店铺名称</label>
                                <div class="layui-input-block">
                                    <input type="text"  th:value="${model.shopName}"  class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
<script>
    layui.use(['form','element', 'table','carousel'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table,
            expressTable = layui.table,
            emsTable = layui.table,
            ordinaryMailTable = layui.table,
            element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        var carousel = layui.carousel;
        var carouselsku = layui.carousel;


    });
</script>
</body>
</html>